My main navigation for the site i am doing is horizontally. it is something like this:
About Us | Product | News | Reviews | Blogs
Under each link there is sub navigation for instance About Us, i have something like Company info, contact and so on. Once i click that link i would like the sub menu displayed under it horizontally like below for example:
About Us | Product | News | Reviews | Blogs
Company Info | Jobs | contact ...
what i've done so far is adding menu under admin > menus. Under the new menu i just added, i added menu-item such as About Us and HAD IT EXPANDED. Under About Us, i've added Company Info and so on.
Under Settings > menus > i select my new created menu as Primary menu and it displays but when i clicked on About Us the sub menu is not displayed at all.
what have i not done right and what is the best way of creating menus this way? any advise would be appriciated.
Comments
nice_menus module
Try it http://drupal.org/project/nice_menus it should enable you to do what you have described - it provides the necessary CSS to enable a multiple drop-down through the module (in conjunction with the regular menu approach) and can be configured as horizontal or vertical depending on your preference.
I recently used it here:
www.gcacoaching.com.au
very cool. this is just drop
very cool. this is just drop down menu but it would be nice if the drop down menu which is a sub menu would stay open horizontally. i will try it out.
LIke this
I think broncos88 wants to do something more like this, http://www.njtransit.com/ rollover the top items and horizonatl options appear below. I think you could do this in the nice menus css but not sure how. If you find a good solution please share. You can also make secondary links that belong under primary links and only appear within the correct section of the site. There is a tutorial on this method somewhere on the site.
jasonwhat, that is exactly
jasonwhat, that is exactly what i would like to do. i've searched for it here but i have not found the answer yet.
Css or this
You can try this method, http://drupal.org/node/57960
With that users need to click the primary link to display the related other links. Then it is all up to your theming layout and css. Or you can try to do it within Nice menus and you will just have to dig into the style sheets to figure it out.
Here's how
This is a great link for how to do all kinds of menu links with CSS:
http://css.maxdesign.com.au/listamatic2/horizontal02.htm
Explore the many other examples there.
And here is another tool that looks like it might be handy - although I haven't had time to try it out myself.
http://www.highdots.com/css-list/
Can't get sub menus to display horizontally
I know the most recent responses for this forum topic were submitted over a year ago, however it addresses the same issue I've been having problems with. I'm new to both CSS and Drupal, and have been trying to set up a horizontal menu structure with horizontal sub menu items, as mentioned above.
Prior to to finding this post, I had downloaded and installed the nice_menus module. Since then, I've been modifying the CSS associated with it so that it's similar to the code at http://css.maxdesign.com.au/listamatic2/horizontal02.htm. However, I seem to be running into a brick wall, in that the sub menus still display vertically.
Is there anyone who has succeeded in using the nice_menus module for displaying horizontal sub menus? If so, any advice would be greatly appreciated.
Thanks in advance...
my bad
sorry broncos88, should have paid more attention - I thought there may be a way through the CSS in customising the display of sub menus (beyond my limited CSS abilities though) - good luck with it
no need to be sorry. i will
no need to be sorry. i will try to figure out CSS instead.